:global {
	.ant-confirm {
		.ant-modal-body {
			padding: 20px;
		}
	}

	.theme1{
		@c-aside: hsl(214, 23%, 24%);
		@c-aside-active: #2a3343;
		@c-menu-f: #c3d0d7;
		@c-menu-bor: #20bfe6;
		@c-th: #0095d7;
		@c-search: #f9ab00;
		@c-arrow: #16a5f5;
		@c-primary: #119dd7;
		@c-map: hsl(221, 57%, 56%);

		@s-db: digitalBoard; // 看板前缀

		@a-db-types: device, user, order, alarm, share, fault; // 看板类型
		@a-db-bcs: #009688, #0096d4, #7986cb, #e38165, @c-search, #e38165; // 看板背景颜色
		@a-db-icons: '../assets/iocn_equipment.png', '../assets/iocn_user.png', '../assets/iocn_order.png', '../assets/iocn_fault.png', '../assets/iocn_increase.png', '../assets/iocn_fault.png'; // 看板icon

		.thead{
			background: @c-th;
			color: #fff;
		}

		.dashboard{
			.chartCol{
				max-height: 455px;
			}
		}

		.line {
			margin: 0 15px;
			width: 1px;
			height: 20px;
			background-color: #ccc;
		}

		// 菜单相关
		aside{
			background-color: @c-aside;
			.ant-menu{
				background: @c-aside;
				color: @c-menu-f;
				.ant-menu-item, .ant-menu-submenu, .ant-menu-submenu-title{
					transition: none;
				}
				.ant-menu-item>a{
					color: @c-menu-f;
				}
			}
			.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
				background-color: @c-aside-active;
				border-left: 3px solid @c-menu-bor;
			}
			.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected::after{
				display: none;
			}
			.ant-menu-item:active, .ant-menu-submenu-title:active{
				background-color: @c-aside-active;
				color: #999;
			}

			// 滚动条
			@c-s:rgba(255,255,255,0.5);
			.ant-menu{
				scrollbar-track-color: @c-s;
			}
			.ant-menu.ant-menu-root:hover::-webkit-scrollbar-thumb{
				background: @c-s;
			}
		}

		// table相关
		.ant-table-thead>tr>th{
			.thead();
		}
		.ant-table-tbody>tr>td, .ant-table-thead>tr>th{
			padding: 13px 8px;
		}
		.ant-checkbox-checked .ant-checkbox-inner, .ant-checkbox-indeterminate .ant-checkbox-inner{
			background-color: #fff;
		}
		.ant-checkbox-checked .ant-checkbox-inner:after{
			border: 2px solid @c-th;
			border-top: 0;
			border-left: 0;
		}

		// select 相关
		.ant-select-selection{
			border-radius: 16px;
		}
		.ant-select-arrow:before{
			color: @c-arrow;
		}

		.ant-input{
			border-radius: 16px;
		}

		.ant-btn-group {
			.ant-btn {
				border-radius: 8px;
			}
		}

		.ant-btn{
			border-radius: 16px;
			border: 1px solid @c-primary;
			color: @c-primary;
		}
		.ant-btn-primary{
			border: none;
			color: #fff;
		}
		.search.ant-btn-primary{
			background-color: @c-search;
		}
		.opt-but{
			background-color: transparent;
			color: #333;
			border: none;
		}
		.opt-but:hover{
			background-color: @c-primary;
			color: #fff;
		}

		// 表单相关
		.ant-form-item-required,.ant-form-item-label label{
			color: @c-primary;
		}

		// 数字看板相关
		.@{s-db}{
			@p: 27px;
			@h: 114px;
			@iw: @h - @p * 2;
			display: flex;
			padding: @p;
			height: @h;
			border-radius: 4px;
			align-items: center;
			line-height: 1;
			font-weight: 100;	
			margin-bottom: 21px;		
			.@{s-db}-img{
				display: block;
				width: @iw;
				height: @iw;
				margin-right: @p;
				background-size: 100% 100%;
				flex-shrink: 0;
			}
			>div{
				text-align: left;
			}
			.@{s-db}-title{
				font-weight: 100;
				font-size: 14px;
			}
			.@{s-db}-text{
				font-size: 32px;
			}
			.@{s-db}-span{
				font-size: 14px;
				position: static;
			}
		}
		.loop(@i) when (@i > 0) {
			@bc: extract(@a-db-bcs, @i);
			@icon: extract(@a-db-icons, @i);
			@type: extract(@a-db-types, @i);
			.@{s-db}.@{type}{
				background-color: @bc;
				.@{s-db}-img{
					background-image: url(@icon);
				}
			}
			.loop(@i - 1);
		}
		.loop(length(@a-db-types));


		// 设备地图相关
		#deviceMapSidebar.main {
			@c-free: rgb(6, 237, 113);
			@c-working: rgb(46, 233, 255);
			@c-fault: rgb(247, 233, 68);
			@c-offLine: rgb(209, 209, 209);

			padding: 0;
			.title{
				display: none;
			}
			.div{
				padding: 0;
			}
			.div.bb{
				background: @c-primary;
				color: #fff;
				padding: 16px;
				.title{
					display: block;
					color: #fff;
					border-left: none;
					padding: 0;
					.small{
						font-size: 18px;
						color: inherit;
					}
				}
				.text{
					margin-left: 0;
					display: inline-block;
					width: 50%;
				}
			}
			.onLine{
				background: @c-free;
				box-shadow: 0 0 5px @c-free;
			}
			.offLine{
				background: @c-offLine;
				box-shadow: 0 0 5px @c-offLine;
			}
			.working{
				background: @c-working;
				box-shadow: 0 0 5px @c-working;
			}
			.fault{
				background: @c-fault;
				box-shadow: 0 0 5px @c-fault;
			}
		}

		//图表相关
		.chart{
			box-shadow: fade(@c-map, 30%) 0 1px 6px;
			padding: 8px 16px;
			border-radius: 4px;
			margin-bottom: 1em;
			.chartTitle{
				font-size: 18px;
				color: #426480;
				display: flex;
				align-items: center;
				>div{
					flex-grow: 1;
					text-align: right;
					.ant-select-selection__rendered,.ant-select.ant-select-enabled{
						width: 100px;
						height: 26px;
					}
				}
			}
			.chartTitle::before{
				@w: 10px;
				content: " ";
				width: @w;
				height: @w;
				display: inline-block;
				border-radius: @w/2;
				border: 3px solid #0096d4;
				margin-right: 1em;
			}
		}

		
		.table-thead{
			.thead();
			line-height: 1.2;
		}

		.pad1{
			padding: 1em;
		}
	}
}

:global(.theme1){
	.layout.lr{ // 左右布局
		display: flex;
		align-items: center;
		line-height: 1.5;
		.right{
			flex-grow: 1;
			text-align: right;
		}
	}
}